<template>
    <div class="m-classitem">
        <img :src="goodsitem.pic?goodsitem.pic:require('@/assets/images/bg.png')" alt="">
        <div>
            <span>{{goodsitem.GoodsName || goodsitem.CardKindName}}</span>
            <p v-if="type==2">库存：{{goodsitem.StockNum}}</p>
            <em>&yen;<strong>{{goodsitem.Price || goodsitem.SellMoney}}</strong></em>
        </div>
    </div>
</template>
<script>
export default {
    name:"",
    props:['goodsitem','type'],
    data () {
        return {
            base_url:process.env.API_HOST,
        }
    },
    mounted() {
        let that = this;
    }
}
</script>
<style lang="less" scoped>
.m-classitem{
    .flex;
    border-bottom: 1px solid @background-gray;
    padding: .5rem 0;
    img{
        width: 4rem;
        height: 4rem;
        margin-right: .8rem;
        .border-radius(6px);
    }
    div{
        .flex;
        width: 100%;
        flex-direction: column;
        justify-content: space-between;
        min-height: 4rem;
        align-items: flex-start;
        
        p{
            color: @light-gray;
            font-size: .6rem;
        }
        em{
            color: @secondary-red;
            font-size: .8rem;
            strong{
                font-size: 1rem;
                margin-left: .2rem;
            }
        }
    }
}
</style>
